<style>
    .page .article {
        background-color: #F1F1F1;
    }
    .page__cd .weui-flex__item{
        font-size: .3rem;
        padding-bottom:5px;
    }
    .weui-cell__ft{
        font-size: .24rem;
    }
    .weui-grid__icon{
        width: .8rem;
        height:.8rem;
        margin: 0 auto;
    }
</style>
<div class="h-full" ng-controller="ReserveIndexCtrl">
    <div class="page article js_show h-full">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" ng-repeat="item in slides" ng-click="showDetail_click(item)"><img ng-src="{{item.image}}" class="w-full" /></div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="page__cd" style="margin-top: -7px">
            <div class="weui-grids">
                <a href="javascript:;" class="weui-grid" ui-sref="wx.reserve">
                    <div class="weui-grid__icon">
                        <img src="img/wx/reserve/Rectangle.png" alt="">
                    </div>
                    <p class="weui-grid__label">预定</p>
                </a>
                <a  class="weui-grid">
                    <div class="weui-grid__icon">
                        <img src="img/wx/reserve/tangshi.png" >
                    </div>
                    <p class="weui-grid__label" style="color: #999999">堂食</p>
                </a>
                <a  class="weui-grid">
                    <div class="weui-grid__icon">
                        <img src="img/wx/reserve/waimai.png">
                    </div>
                    <p class="weui-grid__label" style="color: #999999">外卖</p>
                </a>
            </div>
        </div>
        <div class="weui-cells" style="margin-top:0px">
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.coupon">
                <div class="weui-cell__hd">
                    <img src="img/wx/reserve/Group3.png" alt="" style="width:.4rem;margin-right:5px;display:block"></div>
                <div class="weui-cell__bd">
                    <p style="color: #666666;font-weight: bold; font-size:.3rem ">我的优惠券</p>
                </div>
                <div class="weui-cell__ft">更多优惠券</div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;" ui-sref="wx.reserveOrders">
                <div class="weui-cell__hd"><img src="img/wx/reserve/Group2.png" alt="" style="width:.4rem;margin-right:5px;display:block"></div>

                <div class="weui-cell__bd">
                    <p style="color: #666666;font-weight: bold; font-size:.3rem ">我的订单</p>
                </div>
                <div class="weui-cell__ft">查看订单</div>
            </a>
        </div>
        <div id="container"></div>
    </div>
</div>